<div id="banner">
    <object classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,22,87" height="150" width="940">
        <param name="movie" value="flashs/giaphuc_banner_vi1.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <embed height="150" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="flashs/giaphuc_banner_vi1.swf" type="application/x-shockwave-flash" width="940" height="150" wmode="opaque">
        </embed>
    </object>
</div>
<div id="info_heads" style="clear: both; position: absolute; top: 90px; left: 230px; z-index: 999999; width: 750px;">    
    <div class="search" style="float: left; width: 500px;">
        <form class="form-wrapper">
        	<input type="text" id="search" class="notuniform" placeholder="Tìm kiếm sản phẩm..." required />
        	<input type="submit" value="Tìm kiếm" id="submit" class="notuniform" />
        </form>
    </div>
    <div class="cart" style="padding: 0 2px; float: right; width: 140px; text-align: center; border: 1px white solid; height: 54px; vertical-align: middle;">
        <a href="#">
            <img src="images/cart.png" />
            <p style="color: #FFF; font-size: 10pt; font-weight: bold; margin: 7px 0px 0px 5px;">Giỏ hàng</p>
            <p style="color: #FFF; font-size: 10pt; font-weight: bold; margin: 7px 0px 0px 5px;">(0) sản phẩm</p>
        </a>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() { 
        $("#menu li").hover(function(){ 
            $(this).find('ul#sub_menu').css({visibility: "visible",display: "none"}).show(300); 
            },function(){ 
            $(this).find('ul#sub_menu').css({visibility: "hidden"}); 
        });
    });
</script>
<div id="menu_horizontal">
    <ul id="menu">
        <li><a href="index.php">Trang Chủ</a></li>
        <li><a href="index.php">Giới Thiệu</a></li>
        <li><a href="index.php?root=pro&cont=sanpham">Sản Phẩm <img src="images/arr.png" alt="" style="vertical-align: center; margin-bottom: 3px; margin-right: -5px;" /></a>
            <ul id="sub_menu">
                <li><a href="index.php?root=prone&cont=sanpham_moi">Sản Phẩm Mới</a></li>
                <li><a href="index.php?root=prode&cont=sanpham_khuyenmai">Sản Phẩm Khuyến Mãi</a></li>
                <li class="rounded"><a href="index.php?root=proho&cont=sanpham_banchaynhat">Sản Phẩm Bán Chạy Nhất</a></li>
            </ul>
        </li>
        <?php
//            $bs = new chudebs();
//            $danhsach = $bs->GetListTopics();
//            if(count($danhsach) > 0)
//            {
//                for($i = 0; $i < ($danhsach != false ? count($danhsach) : 0); $i++)
//                {
//                    echo "<li><a href='index.php?do=baiviet&lsid={$danhsach[$i]['MaChuDe']}'>".ucfirst($danhsach[$i]['TenChuDe'])."</a></li>";
//                }
//            }
        ?>
        <li><a href="index.php?do=dichvu">Dịch vụ</a></li>
        <li><a href="index.php?do=bangbaogia">Bảng báo giá</a></li>
        <li><a href="index.php?do=tuyendung">Tuyển dụng</a></li>
        <li><a href="index.php?do=bando">Bản đồ</a></li>
        <li><a href="index.php?do=lienhe">Liên Hệ</a></li>
    </ul>
</div>
<div id="header_bottom">
    <div id="slogan">
        <ul>    
            <?php
                if(isset($_SESSION['MaNguoiDung']))
                {
                    $nguoidung = new nguoidungbs();
                    $nguoidung->MaNguoiDung = $_SESSION['MaNguoiDung'];
                    $ret_nguoidung = $nguoidung->getList();
                    //require_once("anti_flood.php");
                    echo "<li>Xin chào ".$ret_nguoidung[0]['HoTen']."!</li>";
                    echo "<li style='padding-left: 0;'><a href='index.php?root=info&cont=taikhoancuatoi'>Tài khoản của tôi</a></li>";
                    echo "<li><a href='#'>Quản lý đơn hàng</a></li>";
                    echo "<li><a href='#'>Danh sách ưa thích</a></li>";
                    echo "<li><a href='index.php?root=mes&cont=dangxuat'>Đăng xuất</a></li>";
                }
                else
                {
                    echo "<li>Chào bạn đến với website!</li>";
                    echo "<li><a href='index.php?root=log&cont=dangnhap'>Đăng nhập</a></li>";
                    echo "<li><a href='index.php?root=reg&cont=dangky'>Đăng ký</a></li>";
                }
            ?>
            <li><a href="#">Tìm kiếm nâng cao</a></li>
        </ul>
    </div>
    <style type="text/css">
        #help{
            font-weight: bold;
            float: right; 
            width: 300px;
            position: absolute;
            right: 0px;
            top: 192px;
            z-index: 9999999;
        }
        #help span{
            color: #0C1E12;
            padding-left: 20px;
        }
        #help ul{
            list-style: none;
        }
        #help ul li{
            height: 30px;
            line-height: 30px;
            background: #FEFCFC;
            border-bottom: 1px solid #B3B3B3;
            padding-left: 40px;
        }
        #help ul li img{
            margin-top: 2px;
        }
        .help{
            width: 300px;
            float: left;
            display: block;
        }
        .hide{
            display: none;
        }
    </style>
    <script type="text/javascript">
        $(function() {
        	$('#help').hover(function() {
                $('.hide').slideDown();
        	}, function() {
        		$('.hide').slideUp();
        	});
        });
    </script>
    <div id="help">
        <div class="help hide">
            <div style="background: #FFD200;">
                <span>Liên hệ kinh doanh</span>
                <ul>
                    <li>Ms Sen: 0913 841 389</li>
                    <li>Mr Tai: 0913 802 912</li>
                </ul>
                <span>Hỗ trợ khách hàng</span>
                <ul>
                    <li>
                        <a title="Hỗ trợ khách hàng" href="ymsgr:sendIM?giaphuc_company">
                            <img src="http://opi.yahoo.com/online?u=giaphuc_company&m=g&t=2" alt="Tư vấn sản phẩm" />
                        </a>
                    </li>
                    <li style="border-bottom: none;">
                        <a title="Hỗ trợ khách hàng" href="ymsgr:sendIM?sen86nc">
                            <img src="http://opi.yahoo.com/online?u=sen86nc&m=g&t=2" alt="Kế toán Gia Phúc" />
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="help">
            <div style="background: url(images/hotro.png) no-repeat; width: 300px; height: 42px; position: relative; z-index: 9999999;">
                <a id="bt_panel" href="javascript:void(0)" style="color: #FF8040; font-size: 12pt; font-weight: bold; padding-left: 110px;">
                    Hỗ trợ trực tuyến
                </a>
            </div>
        </div>
    </div>
</div>